<?php //$this->Html->meta("keywords", h($article['Article']['meta_key']), array("inline" => false));?>
<?php //$this->Html->meta("description", h($article['Article']['meta_desc']), array("inline" => false));?>
<?php $this->Html->css('/css/products.css', array("inline" => false));?>
<?php echo $this->element('sub_menu'); ?>
<div class="container mt-10 pb-50">
  <div class="container mt-10 pt-30 pb-50 detail-page">
    <div class="col-sm-4 col-md-4" id="Side">
      <h2 class="title-category">Callebaut</h2>
      <ul class="right-menu mb-50">
        <?php 
		foreach($recipeCategory as $key=>$category) : 
			if($key%2==0) $class ='class="odd"';
			else $class ='class="even"';
		?>
        <li <?php echo $class?>>
            <!--<a href="/recipes/index/<?php echo $category['RecipeCategory']['id']?>"><?php echo $category['RecipeCategory']['recipe_cate_name'. $code]?></a>-->
            <?php echo $this->Html->link( $category['RecipeCategory']['recipe_cate_name'. $code], array(
                'controller' => 'recipes',
                'action' => 'category',
                'id' => $category['RecipeCategory']['id'],
                'slug' => str_replace(' ', '-', $category['RecipeCategory']['recipe_cate_name_en'])
            ));
            ?>            
        </li>
        <?php endforeach;?>
      </ul>

      <?php echo $this->element('video');?>
    </div>

    <div class="col-sm-8 col-md-8" id="Main">
      <div class="row recipe-detail">
        <div class="col-sm-6 col-md-6 cf">
          <div class="image-block recipe-image">
            <img class="img-responsive" alt="" src="/files/images/<?php echo $recipe['Recipe']['image']?>">
          </div>
        </div>
        <div class="col-sm-6 col-md-6">
          <div class="info-detail">
            <h3 class="title-h3-01"><?php echo $recipe['Recipe']['name'. $code]?></h3>
            <p class="text-04"><strong><?php echo $recipe['Recipe']['recipe_for']?></strong></p>
            <p class="mt-10 text-04">(Created by <?php echo $recipe['Recipe']['created_by']?>)</p>
          </div>
        </div>
      </div>

      <div class="row recipe-detail">
        <div class="col-md-12">
            <div class="table-responsive mt-50 table-recipe">
                <?php echo $recipe['Recipe']['description'. $code]?>
                </div>
            </div>
        </div>

      <div class="row recipe-block clear">
        <h3 class="title-h3-01 ml-15"><?php echo __('Same Recipes')?></h3>
        <?php foreach($recipeSame as $row):?>
        <div class="recipe-box">
          <img class="img-responsive" alt="" src="/files/images/<?php echo $row['Recipe']['image']?>">
          <!--<img class="img-star" alt="" src="/images/recipes/img_start_02.png">-->
          <h4 class="title-recipe">
            <!--<a href="/recipes/view/<?php echo $row['Recipe']['recipe_id']?>"><?php echo $row['Recipe']['name'. $code]?></a>-->
            <?php echo $this->Html->link( $row['Recipe']['name'. $code], array(
                'controller' => 'recipes',
                'action' => 'view',
                'id' => $row['Recipe']['recipe_id'],
                'slug' => str_replace(' ', '-', $row['Recipe']['name_en'])
            ));
            ?>
        </h4>
        </div>
        <?php endforeach;?>
      </div>
    </div>
</div>